<template>
  <div class="content">
    <TitleVue :name="'经费投入'" />
    <div class="jftrDiv">
      <!-- <div id="jftrChart" ref="jftrChart"></div> -->
    </div>
    <TitleVue :name="'应急联动'" />
    <!-- <div class="yjzdDiv" id="yjzdDiv"></div> -->
  </div>
</template>

<script>
import TitleVue from '../common/titleVue.vue'
import * as echarts from 'echarts'
export default {
  name: 'YaRight',
  components: {
    TitleVue
  },
  data() {
    return {
      myChart: null,
      graph: null,
      firstData: [{ name: '指挥长' }],
      secondData: [{ name: '副指挥长' }, { name: '副指挥长' }, { name: '副指挥长' }],
      thirdData: [
        { name: '参谋部' },
        { name: '后勤部' },
        { name: '抢险组' },
        { name: '气象局' },
        { name: '武装部' },
        { name: '武警部队' },
        { name: '交通局' },
        { name: '供销社' },
        { name: '供电公司' },
        { name: '卫生健康与体育局' },
        { name: '公安局' },
        { name: '疾控中心' },
        { name: '应急局' }
      ]
    }
  },
  mounted() {},
  methods: {}
}
</script> 

<style lang="scss" scoped>
.content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .jftrDiv {
    width: 100%;
    height: auto;
    background-color: #0c2a4966;
    backdrop-filter: blur(0px);
    padding: 1vh 0.8vw;
    box-sizing: border-box;
    #jftrChart {
      width: 100%;
      height: 16vh;
    }
  }
  .yjzdDiv {
    flex: 1;
    background-color: #0c2a4966;
    backdrop-filter: blur(0px);
    padding: 1vh 0.8vw;
    box-sizing: border-box;
  }
}
.shadow {
  background: linear-gradient(to right, #0565a7, transparent) !important;
}
</style>
